import styled from 'styled-components'

const Condiv = styled.div `
    width:100%;
    padding:0 .24rem;
    margin-top:1rem;
    `
    
    const Container = styled.div `
    background:#fff;
    height:4rem;
    padding:.24rem;
    border-radius:.1rem;
    box-shadow:#ccc 0 0 12px 1px;
    display:flex;
    flex-direction:column;
    align-items:center;
    jutify-conent:center;
    .imgcon{
        width:100%;
        display:flex;
        align-items:center;
        margin-bottom:.24rem;
        img{
            width:.8rem;
            height:.8rem;
            border-radius:.8rem;
            margin-right:.12rem;
        }
        div{
            display:flex;
            flex-direction:column;
        }
    }
    img{
        width:2rem;
        height:2rem;
    }
    p{
        margin-top:.16rem;
        font-size:.12rem;
        color:#999;
    }
`

export {
    Container,
    Condiv
}